<template>
	<view class="all">
		<view class="allshezhi">
			<view v-for="(item,index) in list">
			 <view class="danggeshezhi" @click="click" data-index="{{index}}">{{item}}</view>
		 </view>
		</view>
		 
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:["个人信息","历史战绩","修改密码","退出"]
			
			}
		},
		methods: {
		click(event){
			if(this.list[event.currentTarget.dataset.index]=="修改密码")
			{
				uni.navigateTo({
					url:"/pages/index/shezhi/xiugaimima"
				})
			}
			else if(this.list[event.currentTarget.dataset.index]=="退出")
			{
				uni.reLaunch({
					url:"/pages/index/dlzc/denglu"
				})
			}
			else if(this.list[event.currentTarget.dataset.index]=="个人信息")
			{
				uni.reLaunch({
					url:"/pages/index/shezhi/gerenxinxi"
				})
			}
			else if(this.list[event.currentTarget.dataset.index]=="历史战绩")
			{
				uni.reLaunch({
					url:"/pages/index/shezhi/lishizhanji"
				})
			}
			
		}
		}
	}
</script>

<style>
	
	.allshezhi{
		margin-left: 0rpx;
		margin-top: 150rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.danggeshezhi{
		width: 747rpx;
		height: 100rpx;
		border: 1rpx solid antiquewhite;
		font-size:55rpx ;
		line-height: 100rpx;
		text-align: center;
	}

</style>
